<template>

	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li>
					<a href="javascript:history.go(-1)">
						<i class="iconfont">&#xe61e;</i>
					</a>
				</li>
				<li>
					<p>信用卡还款</p>
				</li>
				<li>
					<router-link to="addcreditcards">
						<i class="iconfont">&#xe68c;</i>
					</router-link>
				</li>
			</ul>
		</div>
		<div class="interval_T">

		</div>
		<div v-for="card in cards">
			<div class="payment col_payment1">
				<ul>
					<li><img src="@/assets/img/jianhang-01.png" width="100%"></li>
					<li>
						<p class="col-w">{{card.bankName}}</p>
						<p class="col-w">{{card.userName}}|{{card.bankCardNo}}</p>
					</li>
				</ul>
			</div>
			<!-- <router-link to="bill"> -->
				<div class="payment_text col_payment2">
					<p class="col-w">
						查询信用卡账单
					</p>
				</div>
			<!-- </router-link> -->
		</div>
		<!-- <div class="btn">
			<input  type="button" value="加载更多" class="col_more" />
		</div> -->
		<div style="height:1rem;">

		</div>
	</body>
</template>

<script>
export default {
	data() {
		return {
			params: {
				page: 1,
				limit: 100
			},
			cards: []
		}
	},
	created() {
		this.query()
	},
	methods: {
		query() {
			this.$http.get('/app/creditCard/list', {
				params: this.params
			}).then(json => {
				const { code, page } = json
				if(code === 0) {
					const { list } = page
					this.cards = list
				}
			})
		}
	}
}
</script>

<style>

</style>